﻿@{
    ViewBag.Title = "Home Page";
}

<!--Banner-->
@*<div class="hero-unit" style="height:50px;">
    <h2>App Ideas for Hackathon</h2>
</div>*@

<div id="myCarousel" class="carousel slide">
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item" style="height:300px;"><img src="~/Img/dreamstimefree_244054.jpg" alt="carousel image"/></div>
        <div class="item"><div class="hero-unit" style="height:150px;"><h1>Join Hack Apps</h1><h2 style="text-align:right;">...and bring ideas to life</h2></div></div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

<!--Sections-->
<div class="row">
    <div class="span4">
        <h2>Get inspired</h2>
        <p>You're eager to sign-up for a new challenge but you're still out of thoughts? Want to find out a project and team where you'll perfectly fit in? Check out our idea list!</p>
        <p><a class="btn btn-danger btn-large" href="/Idea"><i class="icon-eye-open icon-white"></i> View app ideas</a></p>
    </div>
    <div class="span4">
        <h2>Make an impression</h2>
        <p>Remember that idea that's been circling in your head? Take this chance and make it happen. Just create an account and the rest is easy!</p>
        <p><a class="btn btn-success btn-large" href="/Idea/Add"><i class="icon-pencil icon-white"></i> Share your thoughts</a></p>
    </div>
    <div class="span4">
        <h2>Contact us</h2>
        <p>We're looking forward for your feedback! For any suggestions or questions please don't hesitate to contact us.</p>
        <p><a class="btn btn-warning btn-large" href="mailto:VSC@gmail.com"><i class="icon-envelope icon-white"></i> Send an email</a></p>
    </div>
</div>

@section scripts
{
<script type="text/javascript">
    $('.carousel').carousel({
    interval: 2000
    })
</script>
}